<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <head>
        <!-- InstanceBeginEditable name="doctitle" -->
        <title></title>
        <!-- InstanceEndEditable -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/layout.css" rel="stylesheet" type="text/css" />

        <!--[if lt IE 7]>
	<link href="ie_style.css" rel="stylesheet" type="text/css" />
	 <script type="text/javascript" src="js/ie_png.js"></script>
           <script type="text/javascript">
               ie_png.fix('#content, .line, h1, #footer');
           </script>
        <![endif]-->


        <script type="text/javascript" src="files/ie6_warning/ie6_script_other.js"></script>
        <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
        <script src="js/bgstretcher.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //  Initialize Backgound Stretcher
                $(document).bgStretcher({
                    images: ['images/bg1.jpg','images/bg2.jpg','images/bg3.jpg', 'images/bg4.jpg', 'images/bg5.jpg']
                });
            });
        </script>

        <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
        <style type="text/css">
            <!--

            -->
        </style>
    </head>

    <body id="page1">
        <div class="main">
            <!--header -->
            <div id="header">
                <div class="wrapper">
                    <h1><a href="NavigationCO?action=home" id="logo">Tunga<span><h3>we're better...we're fresher...we're tastier!</h3>
                            </span></a></h1>
                </div>
                <c:choose>
                    <c:when test="${not empty sessionScope.acc}">
                        <div class="line2" height:70px style="visibility:visible;">
                            <div class="wrapper">
                                <span class="style1"><img src="${sessionScope.acc.imgPath}" width="60" height="50"/><span class="style1" style="margin-top:15px; margin-left:3px; margin-right:3px">Welcome, <b>${sessionScope.acc.fullname} </b><a href="AccountCO?action=logOut"><img src="images/logout-icon2.png" width="30" height="30" border="0" style="margin-left:2px; margin-right:2px; margin-bottom:9px;"/></a></span></span>
                            </div>
                        </div>
                    </c:when>
                    <c:otherwise>
                        <div class="line" height="30px" style="visibility:visible;"></div>
                    </c:otherwise>
                </c:choose>
                <ul id="menu">
                    <li class="nav1"><a href="NavigationCO?action=home">Home</a></li>
                    <li class="nav2"><a href="NavigationCO?action=introduction">Introduction</a></li>
                    <li class="nav3"><a href="NavigationCO?action=reservation">Reservation</a></li>
                    <li class="nav4"><a href="NavigationCO?action=signInSignUp">Sign In/Sign Up</a></li>
                    <li class="nav5"><a href="NavigationCO?action=profile">Profile</a></li>
                </ul>

            </div>
            <!--header end-->
            <!--content -->

            <div id="content">
                <!-- InstanceBeginEditable name="content" -->
                <div class="wrapper pad_bot2">
                    <div class="pad_left">
                        <h2>Reservation <span> contract</span></h2>
                        <div class="wrapper_form">
                            <div class="wrapper">
                                <table id="table" border="1">
                                    <tr class="title">
                                        <th>No</th>
                                        <th>Table</th>
                                        <th>Image</th>
                                        <th>Price</th>
                                        <th>Quantity</th>
                                        <th colspan="2">Action</th>
                                    </tr>
                                    <c:forEach var="reservationDetail" items="${sessionScope.contract}" varStatus="count">
                                        <tr valign="top" align="center">
                                            <td>${count.count}</td>
                                            <td>${reservationDetail.restaurantTables.tableTypes.type}</td>
                                            <td><img src="${reservationDetail.restaurantTables.imgPath}" width="200" height="150"/> </td>
                                            <td>${reservationDetail.restaurantTables.diningRooms.roomTypes.surcharge}$</td>
                                            <form method="post" action="ReservationCO?action=update">
                                                <td><input type="text" value="${reservationDetail.quantity}" name="${reservationDetail.restaurantTables.id}_txtQuantity"/></td>
                                                <td>
                                                    <input type="submit" class="button" value="Update"/>
                                                </td>
                                            </form>
                                            <td>
                                                <form method="post" action="ReservationCO?action=delete&id=${reservationDetail.restaurantTables.id}">
                                                    <input type="submit" class="button" value="Delete"/>
                                                </form>
                                            </td>

                                        </tr>
                                    </c:forEach>
                                    <tr>
                                        <td>Total = ${sessionScope.total}$</td>
                                    </tr>
                                </table>
                                <a href="TableCO?action=viewTable&id=${sessionScope.room.id}" class="button"><span><span>Continue reserve</span></span></a>
                            </div>
                        </div>
                        <form id="form_1" method="post" action="ReservationCO?action=deal">
                            <div>
                                <div class="wrapper">
                                    <div class="col_1">
                                        <input type="text" class="input" name="txtArrivedDate" />
                                        <p>Arrived date:</p>
                                        <div class="wrapper">
                                            <input type="submit" class="button" value="Order"/>
                                            <input type="reset" class="button" value="Reset"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- InstanceEndEditable -->
            </div>
            <!--content end-->
            <!--footer -->
            <div id="footer">
                <div class="wrapper">

                    <div class="contact">
                        <p>131, No Trang Long street, 13 ward, Binh Thanh district, HCM city, Viet Nam </p>
                        <p><br />
				  E-mail: <a href="mailto:"></a>thien_quach13@yahoo.com</p>
                    </div>
                    <ul id="footer_menu">
                        <li class="nav1"><a href="NavigationCO?action=aboutUs">About Us</a></li>
                        <li class="nav2"><a href="NavigationCO?action=faqs">FAQs</a></li>
                        <li class="nav3"><a href="NavigationCO?action=contact">Contact</a></li>
                        <li class="nav4"><a href="NavigationCO?action=manager">Manager</a></li>
                        <li class="nav5"><a href="NavigationCO?action=admin">Admin</a></li>
                    </ul>
                    <span class="right">Design by Quach Thien   &nbsp;&copy; 2011  &nbsp;&nbsp; <br />
                        <!-- {%FOOTER_LINK} --></span>		  </div></div>
            <!--footer end-->
        </div>
        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-7078796-1");
                pageTracker._trackPageview();
            } catch(err) {}</script>
    </body>
    <!-- InstanceEnd --></html>